<!DOCTYPE html>
<html>
  <head>
    <title>苏州陈氏太极拳协会</title>
    <meta charset="UTF-8" content="text/html">
   	<!-- 为了让ios系统在屏幕竖直或者横向的时候自动调整 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../css/bootstrap.css" rel="stylesheet">
     <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../css/prettify.css" rel="stylesheet">
    <link href="../css/docs.css" rel="stylesheet"> 
   <!-- <link href="../css/side-nav.css" rel="stylesheet"> -->
   <link href="../css/bootstrap-test.css" rel="stylesheet">
   <link href="../css/bootstrap-custom.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../js/html5shiv.js"></script>
    <![endif]-->
    
	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../img/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="../img/ico/apple-touch-icon-57-precomposed.png">
	<link rel="shortcut icon" href="../img/ico/favicon.png">
</head>
  <body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="brand" href="#">苏州陈氏太极拳协会</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="#">首页</a></li>
						<li class="active"><a href="#">后台管理</a></li>
						<li><a href="#about">关于</a></li>
						<li><a href="#contact">联系我们</a></li>
						<li><a href="#register">注册</a></li>
					</ul>
					<form class="navbar-form pull-right">
		              <input class="span2" type="text" placeholder="Email">
		              <input class="span2" type="password" placeholder="Password">
		              <button type="submit" class="btn">Sign in</button>
		            </form>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container">
	<div class="row">
		<div class="span3 bs-docs-sidebar">
	        <ul class="nav nav-list bs-docs-sidenav affix">
	          <li class=""><a href="#global"><i class="icon-chevron-right"></i> 用户管理</a></li>
	          <li class=""><a href="#gridSystem"><i class="icon-chevron-right"></i> 内容管理</a></li>
	          <li class=""><a href="#fluidGridSystem"><i class="icon-chevron-right"></i> Fluid grid system</a></li>
	          <li class=""><a href="#layouts"><i class="icon-chevron-right"></i> Layouts</a></li>
	          <li class="active"><a href="#responsive"><i class="icon-chevron-right"></i> Responsive design</a></li>
	        </ul>
		</div>
		
		<div class="span9 content">
			<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
			 
			<!-- Modal -->
			<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-header">
			    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			    <h3 id="myModalLabel">Modal header</h3>
			  </div>
			  <div class="modal-body">
			    <p>One fine body…</p>
			  </div>
			  <div class="modal-footer">
			    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
			    <button class="btn btn-primary">Save changes</button>
			  </div>
			</div>
		</div>
	</div>
	</div>
	<!-- /container -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
    <script src="../js/bootstrap-affix.js"></script>
    <script src="../js/application.js"></script>
    <script src="../js/ui.js"></script>
    <script src="../js/widgets.js"></script>
    <script src="../js/prettify.js"></script>
  </body>
</html>